import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
export const chatListStore = defineStore('chatList', () => {
  // 状态
  const chatList = ref([
    {
      role: 'user',
      msg: 'nihao123243545',
    },
    {
      role: 'AI',
      msg: '我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？我是ai,请问有什么可以帮您？',
    },
    {
      role: 'user',
      imgurl: 'https://pic.rmb.bdstatic.com/bjh/240503/b6255941c4aec4a5d44d72ec086f3a296752.jpeg',
    },
    {
      role: 'AI',
      imgurl:
        'https://img0.baidu.com/it/u=2654292087,2022099598&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800',
    },
    {
      role: 'user',
      msg: '你好',
    },
    {
      role: 'AI',
      msg: '我是ai,请问有什么可以帮您？',
    },
  ])
  // 计算属性：
    const chatListLength = computed(() => chatList.value.length)
  // 方法：更新chatlist
    const addChat = (msgobj: { role: string; msg: string; imgurl?: undefined } | { role: string; imgurl: string; msg?: undefined }) => {
      console.log('msgobj:', msgobj)
        chatList.value.push(msgobj)
        // chatList.value = [...chatList.value, msgobj]; // 创建新数组
        console.log(chatList, 'chatList123W')
    }
    
    return { chatList, chatListLength, addChat }
  }
)